<template>
<div id="home-index">
  <mu-row justify-content="center">
    <mu-col span="12" md="6">
      <van-swipe indicator-color="white" :autoplay="3000">
        <van-swipe-item>
          <img src="../assets/image/loverphoto1.jpg">
        </van-swipe-item>
        <van-swipe-item>
          <img src="../assets/image/loverphoto3.jpg">
        </van-swipe-item>
      </van-swipe>
    </mu-col>
  </mu-row>
</div>
</template>

<script>
import Vue from 'vue'
import {
  Grid
} from 'muse-ui'
import {
  Swipe,
  SwipeItem
} from 'vant'
Vue.use(Swipe).use(SwipeItem).use(Grid)
export default {
  data () {
    return {}
  }
}
</script>

<style lang="less">
#home-index {
  width: 100%;
  overflow: hidden;
  img {
    width: 100%;
  }
}
</style>
